
<style>
    html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;

  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -50px;
}
.footer,
.push {
  height: 50px;
}


</style>

<body>
    <div class="wrapper">
  
        content11
  
      <div class="push"></div>
    </div>
    <footer class="footer"></footer>
  </body>